<template>
    <!---标题标签-->
    <h2>{{ message }}</h2>
    <p>{{ rowHtml }}</p>
    <p v-html="rowHtml"></p>
    <p>对count++ {{ count }}</p>
    <button @click="count++">点击对count的相加</button>
</template>
<script>
export default {
    data() { 
        return {
            /**
             * mvvm -- mvc m-model 实体数据 data里面的变量
             * v--view视图 页面
             * c--控制的传输方式
             * mvvm--双向数据绑定
             * m--model data()
             * v --view视图 页面
             * vm - 互联 视图发生改变 数据发生改变 数据改变视图也改变 中间有个指令 v-model
             */
            // 需求： 如果从数据库中获取的数据包含html标签（DOM） 如何处理
            message: '处理包含html标签的内容',
            rowHtml: '<p style="color:red"> 我包含了html中p标签</p>',
            //vue中所有的指令都是 v- 开头的 v-html v-for v-if v-show v-once
            count:0
        }
    }
}

</script>